<!DOCTYPE html>
<html>
<head>
<include file="Public:header" />
<script>
var BASE_URL ="{$Think.config.web_url}";


</script>
<style>
.fileinput-button input {
    cursor: pointer;
    direction: ltr;
    font-size: 200px;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.fileinput-button {
    overflow: hidden;
    position: relative;
}
</style>
<link rel="stylesheet"  href="__PUBLIC__/upimg/dist/webuploader.css"  />
</head>
<body style="background-color: #f0f0f0;">
	<include file="Public:head_nav" />
	<div class="container">
		<div class="col-md-9">
			<div class="col-md-12"
				style="background-color: #FFF; border: 1px solid #e6e6e6; margin-top: 20px; margin-bottom: 20px;">

				<div class="shezhi clearfix">
					<h1>
						完善基本信息 <span class="color" style="color: red">（推荐填写，发布信息的时候会自动调用！）</span>
					</h1>
				</div>
				<div class="col-md-12">
					<ul class="nav nav-tabs gong-tag" id="mytab">

						<li class="active"><a
							href="http://mall.atyidu.com/shezhi.htm#qiu-2" data-toggle="tab">基本信息</a>
						</li>
					</ul>
				</div>
				<div id="mytabcontent" class="tab-content">
<form action="{:U('set/base')}"  method="post" >
					<div class="shezhi clearfix tab-pane active" id="qiu-2">
						<ul class="col-md-6">
							<li><input name="nick_name" type="text" value="{$base_info.nick_name}" class="form-control"
								placeholder="真实姓名"></li>
							<li><input name="mobile"type="text" class="form-control"
								placeholder="手机号码" value="{$base_info.mobile}" ></li>
							
							<li><input name="qq" type="text" class="form-control"
								placeholder="QQ号码" value="{$base_info.qq}" ></li>
						</ul>
						<ul class="col-md-6">
							
   
  <!--   <div id="progress" class="progress">
        <div class="progress-bar progress-bar-success"></div>
    </div> -->
						<!-- 	<a id="filePicker" href="javascript:void(0)">上传图片</a>
								<p class=" color">要求：jpg、png、gif格式,最大500K</p> --></li>
							<li><span>联系地址</span>&nbsp;&nbsp;&nbsp;&nbsp;<select name="province">
									<volist name="place['province']" id="vo">
									<option value="{$vo.region_id}">{$vo.region_name}</option>
									</volist>
									</select>
									<select name='city'>
									<volist name="place['city']" id="vo">
									<option value="{$vo.region_id}">{$vo.region_name}</option>
									</volist>
									
									</select>
									<select name="country">
									<volist name="place['country']" id="vo">
									<option value="{$vo.region_id}">{$vo.region_name}</option>
									</volist>
									</select>
							
							<br/><br/>
							
							<input type="text" class="form-control" value="{$base_info.address}" name="address" placeholder="详细地址"></li>
						</ul>
						<div class="col-md-12 clearfix">
							<textarea name="introduce"class="form-control"   placeholder="填写个人介绍..."
								style="height: 100px; margin-top: 20px;">{$base_info.introduce}</textarea>
						</div>
						<div class="bao col-md-12 clearfix">
							<button class="btn btn-success"
							type="submit">保存基本信息 </button>
						</div>
					</div>
					<input type="hidden" value=""  id="face_img" name="face"  />
</form>
				</div>
				<div class="shezhi clearfix">
				<form action="{:U('Set/password')}"  method="post" >
					<div class="col-md-12">
						<h1>修改密码</h1>
						<ul class="col-md-6">
							<li><input name="o_pwd"  type="password" class="form-control"
								placeholder="当前密码"></li>
							<li><input name="new_pwd" type="password" class="form-control"
								placeholder="新的密码"></li>
							<li><input type="password" name="new_pwd2" class="form-control"
								placeholder="确认密码"></li>
						</ul>
						<div class="bao col-md-12 clearfix">
							<button class="btn btn-success"
								>保存新密码</button>
						</div>
					</div>
					</form>
				</div>
				<div class="shezhi clearfix">
					<div class="col-md-12">
						<h1>申请认证</h1>
						<div class="col-md-12">
							<ul class="nav nav-tabs gong-tag" id="mytab">
								<li class="active"><a href="#geren" data-toggle="tab">个人认证</a></li>

							</ul>
						</div>
						<div class="tab-content">
							<div class="shezhi clearfix tab-pane active" id="geren">
								<ul class="col-md-8">
									<h2>

										认证状态： <span class="color">暂未认证</span>
									</h2>
									<li><input type="text" class="form-control"
										placeholder="真实姓名"></li>
									<li><input type="text" class="form-control"
										placeholder="身份证号码"></li>
									<li><input type="text" class="form-control"
										placeholder="联系方式"></li>
									<li><textarea class="form-control" style="height: 100px;"
											placeholder="认证说明"></textarea></li>
									<li>
							  <span>身份证照片</span>
							 
    
    </li>
    <li>
    <input type='text' name="idtf_pic1"  />
    <span class="btn btn-success fileinput-button">
        <i class="glyphicon glyphicon-plus">上传正面</i>
    
        <input id="fileupload" type="file" name="files[]" multiple />
        
    </span> 
    
 
    </li><li>
    <input type='text' name="idtf_pic1"  />
    <span class="btn btn-success fileinput-button">
        <i class="glyphicon glyphicon-plus">上传反面</i>
    
        <input id="fileupload" type="file" name="files[]" multiple />
        
    </span> 
    
 
    </li>
    
    <li>   <div style="margin-top:5px;font-size:12px">身份证要上传正反两张！</div></li>
								</ul>
								<div class="bao col-md-12 clearfix">
									<a class="btn btn-success"
										href="http://mall.atyidu.com/shezhi.htm#">提交认证</a>
								</div>
							</div>
<input type="hidden"  name=""  />

						</div>
					</div>
				</div>
			</div>
		</div>
		<include file="Public:space_left" />
	</div>

	<include file="Public:footer" />
	<script src="__PUBLIC__/js/jquery.js"></script>
<!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included -->
<script src="__PUBLIC__/jQuery-Up/js/vendor/jquery.ui.widget.js"></script>
<!-- The Iframe Transport is required for browsers without support for XHR file uploads -->
<script src="__PUBLIC__/jQuery-Up/js/jquery.iframe-transport.js"></script>
<!-- The basic File Upload plugin -->
<script src="__PUBLIC__/jQuery-Up/js/jquery.fileupload.js"></script>
<!-- Bootstrap JS is not required, but included for the responsive demo navigation -->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script>
/*jslint unparam: true */
/*global window, $ */
$(function () {
    'use strict';
    // Change this to the location of your server-side upload handler:
    var url = "{:U('upload/upface')}";
    $('#fileupload').fileupload({
        url: url,
        dataType: 'json',
        done: function (e, data) {
            $.each(data.result.files, function (index, file) {
                $('<p/>').text(file.name).appendTo('#files');
                $("#images_view").html("<img src='"+file.thumbnailUrl+"' />" );
                $('#face_img').val(file.url);
            });
        },
        progressall: function (e, data) {
            var progress = parseInt(data.loaded / data.total * 100, 10);
            $('#progress .progress-bar').css(
                'width',
                progress + '%'
            );
        }
    }).prop('disabled', !$.support.fileInput)
        .parent().addClass($.support.fileInput ? undefined : 'disabled');
});
</script>
</body>
</html>